<!DOCTYPE html>
<html>
<head lang="zh-cn">
  <meta charset="UTF-8">
  <title>登录</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta name="keywords" content="桑格凌,Sun Grean">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="alternate icon" type="image/png" href="assets/i/favicon.png">
  <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
  <style>
    .header {
      text-align: center;
    }
    .header h1 {
      font-size: 200%;
      color: #333;
      margin-top: 30px;
    }
    .header p {
      font-size: 14px;
    }
  </style>
</head>
<body>
<div class="header">
  <div class="am-g">
    <h1>个 人 博 客</h1>
    <p>Personal Blog Platform<br/>代码编辑，界面设计，调试，编译</p>
  </div>
  <hr />
</div>
<div class="am-g">
  <div class="am-u-lg-6 am-u-md-8 am-u-sm-centered">
      <div class="am-tabs am-margin" data-am-tabs>
		  <ul class="am-tabs-nav am-nav am-nav-tabs">
			<!--<li><a href="#tab1">基本信息</a></li>-->
			<li class="am-active"><a href="#tab1">登录</a></li>
			<li><a href="#tab2">注册</a></li>
		  </ul>
			<div class="am-tabs-bd">
	
    <!--<div class="am-btn-group">
      <a href="#" class="am-btn am-btn-secondary am-btn-sm"><span class="am-icon-weixin"> Wechat</span></a>
      <a href="#" class="am-btn am-btn-success am-btn-sm"><span class="am-icon-qq"> QQ</span></a>
    </div>
    <br>
    <br>-->
				<div class="am-tab-panel am-fade am-in am-active" id="tab1">
					<form  action="login" method="post" class="am-form am-form-horizontal">
					  <label for="email">邮箱:</label>
					  <input type="email" name="" id="email" value="">
					  <br>
					  <label for="password">密码:</label>
					  <input type="password" name="" id="password" value="">
					  <br>
					  <label for="remember-me">
						<input id="remember-me" type="checkbox">
						记住密码
					  </label>
					  <br />
					  <div class="am-cf">
						<input type="submit" name="" value="登 录" class="am-btn am-btn-primary am-btn-sm am-fl">
						<input type="submit" name="" value="忘记密码 ^_^? " class="am-btn am-btn-default am-btn-sm am-fr">
					  </div>
					</form>
				</div>
				
				<div class="am-tab-panel am-fade am-in " id="tab2">
					<form action="regist" method="post"  class="am-form am-form-horizontal">
					  <div class="am-form-group">
						  <label for="user-name" class="am-u-sm-3 am-form-label">姓名 / Name</label>
						  <div class="am-u-sm-9">
							<input type="text" id="user-name" placeholder="姓名 / Name">
							<small>输入你的名字，让我们记住你。</small>
						  </div>
						</div>

						<div class="am-form-group">
						  <label for="user-email" class="am-u-sm-3 am-form-label">电子邮件 / Email</label>
						  <div class="am-u-sm-9">
							<input type="email" id="user-email" placeholder="输入你的电子邮件 / Email">
							<small>邮箱你懂得...</small>
						  </div>
						</div>

						<div class="am-form-group">
						  <label for="user-phone" class="am-u-sm-3 am-form-label">电话 / Telephone</label>
						  <div class="am-u-sm-9">
							<input type="tel" id="user-phone" placeholder="输入你的电话号码 / Telephone">
						  </div>
						</div>

						<div class="am-form-group">
						  <label for="user-QQ" class="am-u-sm-3 am-form-label">QQ</label>
						  <div class="am-u-sm-9">
							<input type="number" pattern="[0-9]*" id="user-QQ" placeholder="输入你的QQ号码">
						  </div>
						</div>

						<!--<div class="am-form-group">
						  <label for="user-weibo" class="am-u-sm-3 am-form-label">微博 / Twitter</label>
						  <div class="am-u-sm-9">
							<input type="text" id="user-weibo" placeholder="输入你的微博 / Twitter">
						  </div>
						</div>-->

						<div class="am-form-group">
						  <label for="user-intro" class="am-u-sm-3 am-form-label">简介 / Intro</label>
						  <div class="am-u-sm-9">
							<textarea class="" rows="5" id="user-intro" placeholder="输入个人简介"></textarea>
							<small>250字以内写出你的一生...</small>
						  </div>
						</div>
						  <div class="am-cf">
							<input type="submit" name="" value="注册" class="am-btn am-btn-primary am-btn-sm am-fr">
							<!--<input type="submit" name="" value="忘记密码 ^_^? " class="am-btn am-btn-default am-btn-sm am-fr">-->
						  </div>
					</form>
				</div>
			</div>
		</div>
    <hr>
    <p>© 2018 Sun Grean </p>
  </div>
</div>

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/app.js"></script>
</body>
</html>
